<template>
    <out-box  headerContent="基本设置">
        <form-box
            :formList="formList"
            :inline="false"
            :form="form"
            width="500px"
            ref="formBox"
        />
    </out-box>
</template>

<script>
import { OutBox, FormBox } from '../components'

export default {
    data() {
        return {
            formList: [
                { label: "用户账号", param: "userNum", type: "input" },
                { label: "用户名称", param: "userName", type: "input" },
                { label: "用户邮箱", param: "email", type: "input" },
                { label: "用户密码", param: "passWord", type: "inputPassword" },
                {
                    label: "部门",
                    param: "sale",
                    type: "select",
                    getInitList: [
                        { label: "销售一部", value: '1' },
                        { label: "销售一部", value: '2' }
                    ]
                },
            ],
            form: {
                userNum: "",
                passWord: "",
                sale: "",
                userName: "",
                email: ""
            }
        }
    },
    components: {
        OutBox,
        FormBox
    },
    mounted() {
        console.log(this.$refs.formBox)
    }
}
</script>

<style>

</style>